#loginMain {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#loginMain .header {
  font-size: 2.4em;
  font-weight: bold;
  width: 100%;
  margin-top: 2em;
}
#loginMain .loginCenter, .registerCenter {
  margin-top: 4em;
  width: 80%;
  box-sizing: content-box;
  height: 9em;
  border: 0.3em solid #3C424E;
  background-color: #21252B;
}
#loginMain .line {
  height: 2.5em;
  line-height: 2.5em;
  background-color: #21252B;
}
#loginMain .line .label {
  display: inline-block;
  width: 25%;
  font-size: 1.2em;
  background-color: #21252B
}
#loginMain .warning {
  color: #a52a2a;
  display: block;
  width: 100%;
  height: 1.3em;
  line-height: 1.3em;
  background-color: #21252B;
}
#loginMain .username, #loginMain .password {
  display: inline-block;
  width: 55%;
  font-size: 1.5em;
  font-weight: bold;
  border: 0px;
  border-top: 0px solid #DDFFDD;
  border-right: 0px solid #DDFFDD;
  background: #DDFFDD;
  color: #000;
}
#loginMain .login, #loginMain .registerPanel, #loginMain .register, #loginMain .cancel {
  float: left;
  font-size: 1.2em;
  line-height: 200%;
  background-color: #21252B;
  color: #A69366;
  border-top: 4px solid #3C424E;
}
#loginMain .login, .register {
  border-left: 2px solid #3C424E;
  width: 65%;
}
#loginMain .registerPanel, #loginMain .cancel {
  border-right: 2px solid #3C424E;
  width: 35%;
}
#loginMain .bottom {
  margin-top: 2em;
  width: 100%;
}
#loginMain .bottom div {
  font-size: 15em;
}
